Web Framework- Express

框架

框架把多人用、常見且穩定的套件整合在一起，涵蓋各種可能需解決的問題。

Express框架

• 基於Node.js 而寫，所以在Node.js中才可用。
• Express框架更方便 打造網頁應用程式。
  • 架設server
  • 使用路由route系統
  • 操作資料庫
• 有效省略步驟，提升開發效率
• 重要功能: 處理路由、Express內建一套路由系統

Express框架更方便

不需 require('http')
=> Express內部以載入 HTTP模組。
=> 沒有定義 host name，預設用localhost

res.send(‵...‵)
=> 傳送回應給browser，Express可判斷並設定內容類型。
=>用反引號包字串，因為內容可能有單、雙引號、斷行。

template engine
=> 預設PUG (Jade) <>寫法
=> Handlebars結構和原生HTML依樣，且多好用方法。

Express框架 方法-使用語法

const express = require('express') //require載入express套件

const app = express() //express套件執行後存入變數app
const port = 3000 //定義server相關變數
app.get('/', (req, res) => { //設定路由
    res.send('字串') //設定server回應內容
    res.render(檔案)
}) 
app.listen(port, () => {
    console.log(`Express is listening on http://localhost:${port}`)
}) //啟動server監聽

Q: express和http模組的差別?

• Express和http模組類似，都是工具包的概念。
• Node.js有內建提供一個建立HTTP連線的http模組，用關鍵字require來載入http模組。(複習: 伺服器間是透過HTTP Hypertext Transfer Protocol超文本傳輸協定 溝通，所以建立Node.js server要先建立HTTP連線的功能。)
• Express 在Node.js中則需另外安裝。
• Express Installing

npm (Node Package Manager) Node.js的套件管理器

• 把開發的各種JavaScript撰寫的工具包，統整在一個平台，讓開發者方便搜尋和使用。
• 透過指令方式(command line)下載各種JavaScript工具包
  npm express
  npm 指令，在安裝Node.js時已一併下載，所以可直接使用npm指令。
  npm i <package> 或 npm install <package>
• npm是透過網路，所以要連上網，才能執行安裝。
  *npm i express@4.16.4